<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head style="color: #f5f6fa" id="headColor">
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/index.css">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
</head>
<body class="body">
<div th:insert="~{navigation :: copy}"></div>
<div class="container-fluid main">
    <div class="row clearfix">
        <div class="col-md-12 column" style="padding-left: 0px;padding-right: 0px;">
            <div class="carousel slide" id="carousel-685432">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-685432">
                    </li>
                    <th:block th:each="img : ${imgList} ">
                        <li th:data-slide-to="${imgStat.count}" data-target="#carousel-685432">
                        </li>
                    </th:block>
                </ol>
                <div class="carousel-inner">
                    <div style="height: 424px" class="item active">
                        <img style="width: 100%;height: 100%" th:alt="${img.imgName}" th:src="${img.imgUrl}"/>
                    </div>

                    <th:block th:each="img : ${imgList} ">
                        <div style="height: 424px" class="item">
                            <img style="width: 100%;height: 100%" th:alt="${img.imgName}" th:src="${img.imgUrl}"/>
                        </div>
                    </th:block>

                </div>
                <a class="left carousel-control" href="#carousel-685432" data-slide="prev">
                    <span class="icon-left-open-big icon-prev"></span></a>
                <a class="right carousel-control" href="#carousel-685432" data-slide="next">
                    <span class="icon-right-open-big icon-next"></span></a>
            </div>
        </div>
    </div>
</div>
<br>
<div class="container-fluid main">
    <div class="row">

        <div class="col-md-3 column" style="padding-left: 0px;padding-right: 0px;">
            <div class="card">
                <div class="card-header bg-danger">
                    <span>农耕体验团</span>
                    <ul class="card-actions">
                        <li><a href="/ass/getAllAss" style="color: #ffffff">查看更多</a></li>
                    </ul>
                </div>
                <div class="card-body">
                    <ul class="list-group" th:each="ass:${tbAssList}">
                        <li class="list-group-item">
                            <a th:href="@{'/ass/getAssById?assId='+${ass.assId}}"><span th:text="${ass.assName}"></span></a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
        <div class="col-md-3 column" style="padding-left: 0px;padding-right: 0px;">
            <div class="card">
                <div class="card-header bg-danger">
                    <span>要闻</span>
                    <ul class="card-actions">
                        <li><a href="/news/getAllNews" style="color: #ffffff">查看更多</a></li>
                    </ul>
                </div>
                <div class="card-body">
                    <dl class="row" th:each="news:${tbNewsList}">
                        <dt class="col-sm-9"><a th:href="@{'/news/getNewsById?newsId='+${news.newsId}}"><span
                                th:text="${news.newsTittle}"></span></a></dt>
                        <dd class="col-sm-3">
<!--                            <span th:text="${#temporals.format(news.newsTime,'yyyy-MM-dd')}"></span>-->
                        </dd>
                        <hr>
                    </dl>

                </div>
            </div>

        </div>
        <div class="col-md-3 column" style="padding-left: 0px;padding-right: 0px;">
            <div class="card">
                <div class="card-header bg-danger">
                    <span>风景照排名</span>
                    <ul class="card-actions">
                        <li><a href="/photo/getAllPhoto" style="color: #ffffff">查看更多</a></li>
                    </ul>
                </div>
                <div class="card-body">
                    <ul class="list-group" th:each="pho : ${tbPhotoList}">
                        <li class="list-group-item">
                            <span class="badge" th:text="${#temporals.format(pho.photoTime,'yyyy-MM-dd')}"></span>
                            <a th:href="@{'/photo/getPhotoById?photoId='+${pho.photoId}}"><span
                                    th:text="${pho.photoTittle}"></span></a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
        <div class="col-md-3 column" style="padding-left: 0px;padding-right: 0px;">
            <div class="card">
                <div class="card-header bg-danger">
                    <span>最新活动</span>
                    <ul class="card-actions">
                        <li><a href="/act/getAllAct" style="color: #ffffff">查看更多</a></li>
                    </ul>
                </div>
                <div class="card-body">
                    <ul class="list-group" th:each="act : ${activityList}">
                        <li class="list-group-item">
                            <span class="badge" th:text="${#temporals.format(act.acCreateTime,'yyyy-MM-dd')}"></span>
                            <a th:href="@{'/act/getActById?acId='+${act.acId}}"><span
                                    th:text="${act.acTitle}"></span></a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>
<div th:insert="~{footer :: footer}"></div>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
</body>
</html>
